<template>
	<view class="wrap">
		<view class="set-list">
			<view class="set-list-line">
				<u--text 
				align="left"
				text="防骗指南"></u--text>
				<u-icon name="arrow-right"></u-icon>
			</view>
			<view class="set-list-line">
				<u--text align="left" text="隐私政策"></u--text>
				<u-icon name="arrow-right"></u-icon>
			</view>
			<view class="set-list-line">
				<u--text align="left" text="意见反馈"></u--text>
				<u-icon name="arrow-right"></u-icon>
			</view>
			<view class="set-list-line">
				<u--text align="left" text="联系客服"></u--text>
				<u-icon name="arrow-right"></u-icon>
			</view>
			<view class="set-list-line">
				<u--text align="left" text="关于我们"></u--text>
				<u-icon name="arrow-right"></u-icon>
			</view>
		</view>
		
		<view class="button">
			<u-button 
			size="nomal"
			color="#e16b8c"
			text="退出登录"></u-button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				avatar: "https://cdn.uviewui.com/uview/album/1.jpg",
			}
		},
		methods:{
			
		}

	}
</script>

<style lang="less">
.wrap {
	display: flex;
	flex-direction: column;
	background: #f4f4f4;
}

.set-list {
	display: flex;
	flex-direction: column;
	padding: 0 30upx;
	background: #fff;
	.set-list-line {
		display: flex;
		flex-direction: row;
		padding: 30upx 0;
		background: #fff;
		border-bottom: 1rpx solid #E1E5ED;
	}
}

.button{
	background: #fff;
	padding: 80upx 60upx 0upx 60upx;
}

</style>